<div class="tree-folder" ng-repeat="folder in folder.folderList" ng-class="{'active':folder.id == currentFolder.id,'i-am-home':folder.isRoot()}" ng-if="!(filePickerModal == 'saveAs' && folder.isReadOnlyFolder())">
    <div class="tree-folder-header left-border-decorate" ng-style="{ 'padding-left' : depth*16+'px'}" ng-click="dbClick(folder)" droppable data-id="{{folder.id}}">
        <div class="tree-folder-name" >
            <span class="text-center folder-expand" style="position: absolute" ng-style="{'padding-left':depth*16-12+'px'}" ng-if="folder.folderList.length" ng-click="expandFolder(folder, $event)">
                <i class="fa" ng-class="{'fa-caret-right':!folder.isExpand,'fa-caret-down':folder.isExpand}"></i>
            </span>
            <i class="fa" ng-class='{"fa-home fa-lg":folder.isRoot(), "fa-folder":!folder.isRoot() }'></i> {{folder.name}}
        </div>
    </div>
    <div ng-show="folder.isExpand" class="tree-folder-content nav-stacked" ng-if="folder.folderList.length"
         ng-include="templatePath + 'folder-tpl.html'" ng-init="depth=depth+1">
    </div>
</div>